<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>欢迎光临卡卡湾娱乐场</title>
    <link rel="stylesheet" href="css/index.css">
    <style>
    </style>
</head>

<body>
    <div class="main">
        <div class="top">
            <div class="topItem">
                <label for="">账号</label>
                <input type="text" class="topInput" value="123456" readonly="true">
            </div>
            <div class="topItem">
                <label for="">桌号</label>
                <input type="text" class="topInput" value="12" readonly="true">
            </div>
            <div class="topItem">
                <label for="">靴数/局数</label>
                <input type="text" class="topInput" value="1" readonly="true">
            </div>
            <div class="topItem">
                <input type="button" class="baotai topBtn" value="包台">
            </div>
            <div class="topItem">

                <input type="button" class="qpms topBtn" value="全屏模式">
            </div>
            <div class="topItem">
                <input type="button" class="fhdt topBtn" value="返回大厅">
            </div>
            <div class="topItem" style=" float: right;margin-right: 0px;">

                <input type="button" class="tcxt topBtn" value="退出系统">
            </div>
        </div>

        <div class="middel">
            <div class="left">
                <div class="vdioBox"></div>
                <div class="tool" style="display: none;"></div>
            </div>
            <div class="right">
                <div class="logo"></div>
                <div class="table1">

                    </table>
                </div>
                <div class="table2">

                </div>
                <div class="table3">

                </div>
            </div>
        </div>

        <div class="tableBox" style="background:#FFFFFF;margin-top:2px">
            <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="tu2svg" width="900" height="190" viewBox="0 0 900 190" preserveAspectRatio="xMinYMin meet"
                <!--style="border:1px solid #cd0000;" -->>
                <symbol id="TR1">
                    <line x1="5" y1="5" x2="335" y2="5" stroke="brown" stroke-width="1" shape-rendering="crispEdges"></line>
                </symbol>
                <symbol id="TC1">
                    <line x1="5" y1="5" x2="5" y2="185" stroke="brown" stroke-width="1" shape-rendering="crispEdges"></line>
                </symbol>

                <symbol id="TR2">
                    <line x1="345" y1="5" x2="891" y2="5" stroke="brown" stroke-width="1" shape-rendering="crispEdges"></line>
                </symbol>
                <symbol id="TC2">
                    <line x1="345" y1="5" x2="345" y2="89" stroke="brown" stroke-width="1" shape-rendering="crispEdges"></line>
                </symbol>

                <symbol id="TB">
                    <!--表格横线-->
                    <use x="0" y="0" xlink:href="#TR2" />
                    <use x="0" y="14" xlink:href="#TR2" />
                    <use x="0" y="28" xlink:href="#TR2" />
                    <use x="0" y="42" xlink:href="#TR2" />
                    <use x="0" y="56" xlink:href="#TR2" />
                    <use x="0" y="70" xlink:href="#TR2" />
                    <use x="0" y="84" xlink:href="#TR2" />
                    <!--表格竖线-->
                    <use x="0" y="0" xlink:href="#TC2" />
                    <use x="14" y="0" xlink:href="#TC2" />
                    <use x="28" y="0" xlink:href="#TC2" />
                    <use x="42" y="0" xlink:href="#TC2" />
                    <use x="56" y="0" xlink:href="#TC2" />
                    <use x="70" y="0" xlink:href="#TC2" />
                    <use x="84" y="0" xlink:href="#TC2" />
                    <use x="98" y="0" xlink:href="#TC2" />
                    <use x="112" y="0" xlink:href="#TC2" />
                    <use x="126" y="0" xlink:href="#TC2" />
                    <use x="140" y="0" xlink:href="#TC2" />
                    <use x="154" y="0" xlink:href="#TC2" />
                    <use x="168" y="0" xlink:href="#TC2" />
                    <use x="182" y="0" xlink:href="#TC2" />
                    <use x="196" y="0" xlink:href="#TC2" />
                    <use x="210" y="0" xlink:href="#TC2" />
                    <use x="224" y="0" xlink:href="#TC2" />
                    <use x="238" y="0" xlink:href="#TC2" />
                    <use x="252" y="0" xlink:href="#TC2" />
                    <use x="266" y="0" xlink:href="#TC2" />
                    <use x="280" y="0" xlink:href="#TC2" />
                    <use x="294" y="0" xlink:href="#TC2" />
                    <use x="308" y="0" xlink:href="#TC2" />
                    <use x="322" y="0" xlink:href="#TC2" />
                    <use x="336" y="0" xlink:href="#TC2" />
                    <use x="350" y="0" xlink:href="#TC2" />
                    <use x="364" y="0" xlink:href="#TC2" />
                    <use x="378" y="0" xlink:href="#TC2" />
                    <use x="392" y="0" xlink:href="#TC2" />
                    <use x="406" y="0" xlink:href="#TC2" />
                    <use x="420" y="0" xlink:href="#TC2" />
                    <use x="434" y="0" xlink:href="#TC2" />
                    <use x="448" y="0" xlink:href="#TC2" />
                    <use x="462" y="0" xlink:href="#TC2" />
                    <use x="476" y="0" xlink:href="#TC2" />
                    <use x="490" y="0" xlink:href="#TC2" />
                    <use x="504" y="0" xlink:href="#TC2" />
                    <use x="518" y="0" xlink:href="#TC2" />
                    <use x="532" y="0" xlink:href="#TC2" />
                    <use x="546" y="0" xlink:href="#TC2" />
                </symbol>

                <g id="gb">
                    <!--表格横线-->
                    <use x="0" y="0" xlink:href="#TR1" />
                    <use x="0" y="30" xlink:href="#TR1" />
                    <use x="0" y="60" xlink:href="#TR1" />
                    <use x="0" y="90" xlink:href="#TR1" />
                    <use x="0" y="120" xlink:href="#TR1" />
                    <use x="0" y="150" xlink:href="#TR1" />
                    <use x="0" y="180" xlink:href="#TR1" />
                    <!--表格竖线-->
                    <use x="0" y="0" xlink:href="#TC1" />
                    <use x="30" y="0" xlink:href="#TC1" />
                    <use x="60" y="0" xlink:href="#TC1" />
                    <use x="90" y="0" xlink:href="#TC1" />
                    <use x="120" y="0" xlink:href="#TC1" />
                    <use x="150" y="0" xlink:href="#TC1" />
                    <use x="180" y="0" xlink:href="#TC1" />
                    <use x="210" y="0" xlink:href="#TC1" />
                    <use x="240" y="0" xlink:href="#TC1" />
                    <use x="270" y="0" xlink:href="#TC1" />
                    <use x="300" y="0" xlink:href="#TC1" />
                    <use x="330" y="0" xlink:href="#TC1" />
                    <!--右侧小表格-->
                    <use x="0" y="0" xlink:href="#TB"></use>
                    <use x="0" y="96" xlink:href="#TB"></use>
                </g>
                <g id="g1" />
                <g id="g2" />
                <g id="g3" />
                <g id="g4" />
                <g id="g5" />
                </g>
            </svg>
        </div>
    </div>
    <script src="js/jquery.js"></script>
    <script src="js/index.js?v=1"></script>
</body>

</html>